import { StyleSheet } from 'react-native'

export const CFlex = {
    row: {
        flexDirection: "row",
    },
    wrap: {
        flexWrap: "wrap"
    },
    ss: {
        justifyContent: "flex-start",
        alignItems: "flex-start",
    },
    sc: {
        justifyContent: "flex-start",
        alignItems: "center",
    },
    se: {
        justifyContent: "flex-start",
        alignItems: "flex-end",
    },
    cs: {
        justifyContent: "center",
        alignItems: "flex-start",
    },
    cc: {
        justifyContent: "center",
        alignItems: "center",
    },
    ce: {
        justifyContent: "center",
        alignItems: "flex-end",
    },
    es: {
        justifyContent: "flex-end",
        alignItems: "flex-start",
    },
    ec: {
        justifyContent: "flex-end",
        alignItems: "center",
    },
    ee: {
        justifyContent: "flex-end",
        alignItems: "flex-end",
    },
    sb: {
        justifyContent: "space-between",
        alignItems: "center",
    },
    sbc: {
        justifyContent: "space-between",
        alignItems: "flex-start",
    },
    sbe: {
        justifyContent: "space-between",
        alignItems: "flex-end",
    },
    sac: {
        justifyContent: 'space-around',
        alignItems: "center",
    },
    sas: {
        justifyContent: "space-around",
        alignItems: "flex-start",
    },
    sae: {
        justifyContent: "space-around",
        alignItems: "flex-end",
    },
}

export const CColor = {
    Green: "#59C18C",
    LightGreen: "#53DA5C",
    White: "#FFFFFF",
    DeepWhite: "#F5F5F5",
    Gray: "#EEEEEE",
    DeepGray: "#999999",
    Origin: "#ff9000",
    Black: "#000",
    Red: "#FF5252",
    Yellow: "#FFC600",
    Purple: "#6D6DF7",
    Blue: "#3D7DF8",
    Header: '#101D49',
}

export const CStyle = StyleSheet.create({
    button: {
        marginHorizontal: 15,
        paddingVertical: 13,
        backgroundColor: CColor.Blue,
        borderRadius: 10,
        ...CFlex.row, ...CFlex.cc,
    },
    tag: {
        backgroundColor: CColor.Blue,
        paddingHorizontal: 5,
        paddingVertical: 3,
        borderRadius: 3,
    },
})